
<template >
    <el-container class="mainwrap"> 
        <el-main>
            <el-row> 
                <el-col  >
                    <full-calendar :events="fcEvents" :lang="fclang"></full-calendar>
                </el-col>
            </el-row>  
        </el-main>  
    </el-container>

 
</template>

<script>
var demoEvents = [
  {
    title: "Sunny Out of Office",
    start: "2016-08-25",
    end: "2018-07-27"
  },
   {
    title     :  'event1',
    start     : '2018-07-01',
    cssClass  : 'family',
    YOUR_DATA : {}
  },
  {
    title     : 'event2',
    start     : '2018-07-02',
    end       : '2018-07-03', 
    YOUR_DATA : {}
  },{
    title     : 'event2',
    start     : '2018-07-05',
    end       : '2018-07-06', 
    YOUR_DATA : {}
  }
]; 
export default {
  components: {
    "full-calendar": require("vue-fullcalendar")
  },
  data() {
    return {
      monthData: [],
      fcEvents: demoEvents,
      fclang: 'zh'
    };
  },

  methods: {}
};
</script>

<style>
</style>
